.ItroduceBox {
    display: flex;
    width: 100%;
    background-color: #f0f0f0;
    border-radius: 10rpx;
    box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.1);
    padding: 20rpx;

    .Item-Left {
        position: relative;
        width: 300rpx;
        height: 260rpx; /* 让容器高度自适应图片高度 */
        margin-right: 20rpx;
    
        .Introduce-Img {
            width: 300rpx;
            height: 260rpx; /* 让图片填满整个容器 */
            border-radius: 10rpx;
            box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.1);
        }
    }
	

    .Item-right {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 240rpx;
        padding-top: 5rpx;
        padding-left: 5rpx;

        .title,
        .content,
        .time {
            display: flex;
            align-items: center;
            font-size: 30rpx;
			font-weight: bold;
        }

        .content {
            max-width: 365rpx;
            overflow: hidden;
            white-space: nowrap;
            .Content-Info {
                text-overflow: ellipsis;
                -webkit-line-clamp: 2; /* Display maximum of 2 lines */
                display: -webkit-box;
                -webkit-box-orient: vertical;
                white-space: normal;
            }
        }

        .title,
        .time {
            margin-bottom: 10px; /* Adjust bottom margin between title and time */
        }

        .title text,
        .content text,
        .time text {
            font-size: 28rpx;
            font-weight: bold;
            color: black;
            margin-right: 10rpx;
        }
    }
}